<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>jq</title>
	<script src="jquery.js"></script>
</head>
<body>
	
	<div class="div1">
		<h1>aaaaaaaaaaaaaaaa</h1>
		<h1>aaaaaaaaaaaaaaaa</h1>
		<div class="div2">
			<h1>aaaaaaaaaaaaaaaa</h1>
			<h1>aaaaaaaaaaaaaaaa</h1>
		</div>
	</div>

	
	
	
</body>

<script>
	//不能使用层级选择器parent > child 父 子

	//层级选择器与筛选选择器的区别使用，在函数体内有$(this)时，因为$(this)是dom对象，而层级选择器parent > child  需要的是字符串
	$('.div1').click(function(){
		$(this).children('h1').css({'color':'#00f'});
	});

</script>
</html>